<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="UTF-8">
</head>

<header class="topHeader" style="background-color: #FFFFFF;height: 70px; " th:fragment="menu(menuList)">
    <link rel="stylesheet" href="/css/menu.css">
    <link rel="stylesheet" href="/css/zd-1.0.css">
    <script src="https://daydayzhuan.oss-cn-shenzhen.aliyuncs.com/static/jquery-3.3.1.min.js"></script>
    <script src="/script/menu.js"></script>

    <nav id="nav">
        <!-- logo -->
        <div class="nav-logo">
            <a href="/" ><img src="https://daydayzhuan.oss-cn-shenzhen.aliyuncs.com/static/logo.jpg" alt="天天线报网LOGO" class="logo"></a>
            <span id="labelTitle" style="color: black;font-size: 22px"></span>
        </div>

        <!-- 控制menu -->
        <div class="nav-menu">
            <span></span>
            <span></span>
            <span></span>
        </div>

        <!-- 菜单 -->
        <ul class="nav-list" style="z-index:999;">
            <li >
                <a href="/" id="menu0" title="天天线报网首页">首页</a>
            </li>
            <li th:each="menu:${menuList}">
                <a th:href="${menu.href}"  th:id="'menu'+${menu.id}"  th:title="${menu.typeName}">
                    [[ ${menu.typeName}  ]]
                    <div class="carect" th:if="${not #lists.isEmpty(menu.typeList)}"></div>
                </a>
                <ul class="menu" th:if="${not #lists.isEmpty(menu.typeList)}" style="z-index: 999">
                    <li th:each="sub:${menu.typeList}"><a th:href="${sub.href}+'/'+${sub.id}" th:text="${sub.typeName}"></a></li>
                </ul>
            </li>
            <li >
                <a href="/article/17373" id="advertPush" target="_blank" title="广告合作">广告合作</a>
            </li>
            <li >
                <a href="/goDownload" id="download" target="_blank" title="天天线报网APP下载">App下载</a>
            </li>
<!--            <li>-->
<!--             <a href="https://about.daydayzhuan.com/" id="business" target="_blank">商务合作</a>-->
<!--            </li>-->
            <li >
                <form method="get"  action="/search">
                    <input class="layui-input" autocomplete="off" style="display: inline-block;width: 60%;margin: -4px;border-radius: 20px 0 0 20px;" name="key" type="text" placeholder="输入关键字" value="">
                    <button class="layui-btn layui-btn-normal" style="vertical-align:unset;border-radius: 0 20px 20px 0;" type="submit">搜索</button>
                </form>
            </li>
<!--            <li >-->
<!--                <shiro:user>-->
<!--                    <a id="loginBtn" class="layui-icon layui-icon-username"></a>-->
<!--                </shiro:user>-->
<!--                <shiro:guest>-->
<!--                    <a id="unLoginBtn"  class="layui-icon layui-icon-username"></a>-->
<!--                </shiro:guest>-->
<!--            </li>-->
        </ul>
    </nav>

</header>
<!--<div id="btn" class="index_cy"></div>-->

</html>